﻿
.template-page .page-content {
    display: flex !important;
    flex-direction: column;
    gap: 5px;
    padding: 48px 5px 0 5px;
    background: white;
}

    .template-page .page-content .tree-container {
        flex: 0 0 50%;
        width: auto;
        border: 1px solid #ccc;
        overflow-y: scroll;
    }

    .template-page .page-content .template-content {
        flex: 1;
        width: auto;
        overflow-y: scroll;
        overflow-x: scroll;
        padding: 5px;
        border: 1px solid #ccc;
    }

        .template-page .page-content .template-content .actual-content {
            margin: 10px;
        }

            .template-page .page-content .template-content .actual-content .title {
                color: #00000099;
                user-select: none;
                margin-bottom: 5px;
            }

            .template-page .page-content .template-content .actual-content .content {
                margin-bottom: 10px;
            }

.template-page .selected-tempalte {
    background-color: #00000010;
}
